.excelTempDiv{
	margin: 0px 4px;
	
	.excelMainTable{
		border: 0px;
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
    // table-layout: fixed;	//不能加，图片style定宽超长久会导致超出布局
    .show-error {
      border: 1px solid #FF5500;
    }
    .error-icon-div {
      .am-icon-warning {
        width: 20px;
        height: 20px;
        padding-left: 3px;
        margin-top: 5px;
        color: #E55757;
      }
    }
	}

	.wf-req-cell-remark-div {
		table {
			border-collapse: collapse;
		}
	}

	ol{
		padding-left:16px;
	}
	.excelTabTable{
		border: 0px;
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
	}
	//问号说明图标
	.wf-helpful-tip-icon{
		color: #faa825;
		height: 16px;
		width: 16px;
	}
	/** 标签页样式 **/
	.tab_area{
		background: #ffffff;

		.t_area{
			height:30px; border:none; background-repeat:repeat-x;
		}
		.t_area div{
			height:30px; border:none; float:left;
		}
		.t_area .lineheight30{
			line-height:30px;
		}
		.t_area .norepeat{
			background-repeat:no-repeat;
		}
		.t_area .xrepeat{
			background-repeat:repeat-x;
		}
		.t_area .t_sel_middle,.t_unsel_middle{
			letter-spacing:1px; 
			padding-left:2px; 
			padding-right:2px;
		}
		.t_area .t_sel,.t_unsel{
			cursor:pointer;
		}
		.tab_top{
			height:32px;
		}
		.tab_top .tab_head{
			height:100%; float:left; overflow:hidden;
		}
		.tab_movebtn{
			height:100%; float:left; width:20px; cursor:pointer;
		}
		.tab_turnleft{
			background: url("/workflow/exceldesign/image/shortBtn/tab/turnleft_wev8.png") no-repeat 6px 12px;
		}
		.tab_turnright{
			background: url("/workflow/exceldesign/image/shortBtn/tab/turnright_wev8.png") no-repeat 6px 12px;
		}
	}
	.span_mc{
		display:inline-block;

		.wf-input-field-1{		//多字段放流程标题给最小宽度
			min-width: 350px;
		}
	}
	.span_mc_marginRight{
		margin-right: 4px;
	}
	.etype_3>div{
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.wf-form-textarea .wf-form-textarea-html-show{
		min-height: 150px;

		//解决富文本只读显示样式被ant覆盖问题
		ul, ol, p{
			margin: 12px 0px; 
			list-style: disc;
		}
		ul, menu, dir {		//浏览器默认样式被ant覆盖
			display: block;
			list-style-type: disc;
			-webkit-margin-before: 1em;
			-webkit-margin-after: 1em;
			-webkit-margin-start: 0px;
			-webkit-margin-end: 0px;
			-webkit-padding-start: 40px;
		}
	}
	.etype_10{
		vertical-align: middle;
	}
	.etype_12{
		padding: 6px;
	}
	.detail_hide_col,.linkage_hide,.interface_hide{
		display: none !important;
	}
	.printEmptyDetail_hide{
		display: none !important;
	}
	.floatImgTd{
		height: 0px;
		position: relative;

		.floatImg{
			position: absolute;
			z-index: 99;
			padding: 0px;
			margin: 0px;
		}
	}
	.iframeLoading{
		text-align:center;
		background:#ffffff;
	}
	.scancode{
		vertical-align:middle;
	}
	.qrcodeimg{
		min-height:50px;
		height:50px;
		margin: 1px;
	}
	.barcodeimg{
		min-height:50px;
		height:50px;
		width:100%;
	}
	.specialField a{
		color: #123885;
	}
	.wea-field-readonly{
		display: inline-block;
	}
	.wf-richtext-edit-box{
		.wm-ck-textarea-wrap{
			position: relative;
			.am-list-form-body{
				.am-list-extra{
					position: relative;
    				right: 10px;
				}
			}
		}
		#editorContanier{
			img{
				max-width: 100%;
			}
		}
	}
}
.wf-nativeRadio{
	display: flex;
	position: relative;
	.wf-nativeRadio-radioGroup{
		display: inline-block;
		max-width: 100%;
		.wf-radio-item{
			margin:5px;
			min-height: 20px;
			line-height: 20px;
			label{
				vertical-align: text-bottom;
				word-break: break-all;
				margin-right: 10px;
			}

			.wf-radio{
				position: absolute;  
				display: none;
			}
			.wf-radio + label {  
				position: relative;  
				padding-left: 20px;  
				cursor: pointer;  
				vertical-align: middle; 
			}   	
			.wf-radio + label.wf-radio-label:before {  
				position: absolute;  
			    top: 0;  
			    left: 0;  
			    display: inline-block;  
			    width: 14px;  				  
			    height: 14px;  
				content:"" ;  
				border: 1px solid #969696; 
			}   
			.wf-radio:checked + label.wf-radio-label:before {  
				border: 1px solid #108EE9; 
			}

			.wf-radio[disabled] + label.wf-radio-label:before{
				border: 1px solid #969696; 
				background: #E1E1E1;
			}
			.wf-radio + label:after {  
				position: absolute;  
				display: none;  
				content: ''; 
			}  
				
			.wf-radio[disabled] + label {  
				cursor: not-allowed;  
			}  
			.wf-radio:checked + label:before {  
				animation-name: none; 
			}  
				
			.wf-radio:checked + label:after {  
				display: block;
			}  
				
			.wf-radio + label:before {  
				border-radius: 50%; 
			}  
			.wf-radio + label.wf-radio-label:after {  
				top: 4px;  
				left: 4px;  
				width: 8px;  
				height: 8px;  
				border-radius: 50%;  
				background: #108EE9; 
			}  
			.wf-radio[disabled] + label.wf-radio-label:after {
				background: #969696; 
			}
				
		}
	}
	.wf-radio-required-icon{
		display: inline-block;
		height: 100%;
		width: 15px;
		position: absolute;
		right:0;
		img{
			position: absolute;
			top:calc(~"50%" - 5px);
		}
	}
}

.wf-nativecheckbox{
	display: flex;
	position: relative;
	.wf-nativecheckbox-checkboxGroup{
		display: inline-block;
		max-width: 100%;
		.wf-checkbox-item{
			margin:5px;
			min-height: 20px;
			line-height: 20px;
			label{
				vertical-align: text-bottom;
				word-break: break-all;
				margin-right: 10px;
			}

			.wf-checkbox{
				position: absolute;  
				display: none;
			}
			.wf-checkbox + label {  
				position: relative;  
				padding-left: 20px;  
				cursor: pointer;  
				vertical-align: middle; 
			}   	
			.wf-checkbox + label.wf-checkbox-label:before {  
				position: absolute;  
			    top: 0;  
			    left: 0;  
			    display: inline-block;  
			    width: 16px;  				  
			    height: 16px;  
				content:"" ;  
				background-image: url("/images/ecology9/workflow/checkbox/unselected.png");
				background-size: 16px;
			}   
			.wf-checkbox:checked + label.wf-checkbox-label:before {  
				background-image: url("/images/ecology9/workflow/checkbox/selected.png");
				background-size: 16px;
			}

			.wf-checkbox[disabled] + label.wf-checkbox-label:before{
				background-image: url("/images/ecology9/workflow/checkbox/unselected-disabled.png");
				background-size: 16px;
			}
			.wf-checkbox[disabled]:checked + label.wf-checkbox-label:before{
				background-image: url("/images/ecology9/workflow/checkbox/selected-disabled.png");
				background-size: 16px;
			}
			.wf-checkbox + label:after {  
				position: absolute;  
				display: none;  
				content: ''; 
			}  
				
			.wf-checkbox[disabled] + label {  
				cursor: not-allowed;  
			}  
			.wf-checkbox:checked + label:before {  
				animation-name: none; 
			}  
				
			.wf-checkbox:checked + label:after {  
				display: block;
			}
			.wf-checkbox[disabled] + label.wf-checkbox-label:after {
				background: #969696; 
			}
				
		}
	}
	.wf-checkbox-required-icon{
		display: inline-block;
		height: 100%;
		width: 15px;
		position: absolute;
		right:0;
		img{
			position: absolute;
			top:calc(~"50%" - 5px);
		}
	}
}

.wf-req-odoc{
	width:100%;
	height:100%;
	#req_odoc_iframe{
		border:0;
	}
}

.etype_3 .wm-upload {
	.am-file-picker-list {

		.am-file-picker-item-el-uploader,
		.am-file-picker-item-el-uploaddate {
			font-size: 12px !important;
		}
	}
}

.wf-req-print{
	.excelTempDiv{
		table{
			td{
				.wea-upload{
					.wea-upload-list-content{
						.wea-upload-list-item-filesize{
							width:70px;
						}
					}
				}
			}
		}
	}
}

#conflict-panel-box {
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: 0;
  font-size: 14px;
  z-index: 999;
  .panel-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 4;
    background: #fff;
    .panel-header {
      height: 45px;
      line-height: 45px;
      text-align: center;
      border-bottom: 1px solid #eee9e9;
      p {
        padding: 0;
        margin: 0;
      }
    }
    .panel-body {
      padding: 10px;
      margin-bottom: 50px;
      min-height: 120px;
      max-height: 310px;
      overflow-y: auto;
    }
    .panel-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: 100%;
      bottom: 0;
      .btn {
        height: 45px;
        width: 50%;
        line-height: 45px;
        text-align: center;
        background: #f7f7f7;
      }
      .btn.active {
        background: #55b1f9;
        color: #fff;
      }
    }
  }
  .panel-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
  }
}